<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/classification.css">
</head>
<body>
    <header>
        <div class="logo">
            <a href="./index.html"><button class="lo">Back</button></a>
        </div>
        <div class="int">
           <p>分类</p>
        </div>
        <div class="city">
            <select>
                    <option vaul="">广州市</option>
                    <option vaul="">深圳市</option>
                </select>
        </div>
    </header>
    <main>
        <div class="list">
            <div class="cake">
                <img src="./img/cake.png" alt="">
                <p>美食</p>
            </div>
            <div>
                <img src="./img/movie.png" alt="">
                <p>电影</p>
            </div>
            <div>
                <img src="./img/movement.png" alt="">
                <p>运动</p>
            </div>
            <div>
                <img src="./img/song.png" alt="">
                <p>唱歌</p>
            </div>
        </div>
        <div class="li">
            <div class="feed">
                <div class="left">
                    <img src="./img/food.png" alt="">
                    <p>美食类</p>
                </div>
                <div class="right">
                    <p>更多</p>
                    <img src="./img/icon3.png" alt="">
                </div>
            </div>
            <div class="shi"> 
            <div class="one">
                <img src="./img/sushi3.png" alt="">
            </div>
            <div class="one">
                <img src="./img/sushi2.png" alt="">
            </div >
            <div class="one">
                <img src="./img/sushi1.png" alt="">
            </div>
            <div class="one">
                <img src="./img/sushi.png" alt="">
            </div >
        </div>
        </div>
        <div class="li">
            <div class="feed">
                <div class="left">
                    <img src="./img/icon4.png" alt="">
                    <p>运动类</p>
                </div>
                <div class="right">
                    <p>更多</p>
                    <img src="./img/icon3.png" alt="">
                </div>
            </div>
            <div class="shi"> 
            <div class="one">
                <img src="./img/movement1.png" alt="">
            </div>
            <div class="one">
                <img src="./img/movement2.png" alt="">
            </div >
            <div class="one">
                <img src="./img/movement3.png" alt="">
            </div>
            <div class="one">
                <img src="./img/movement4.png" alt="">
            </div >
        </div>
        </div>
        <div class="li">
            <div class="feed">
                <div class="left">
                    <img src="./img/icon5.png" alt="">
                    <p>电影类</p>
                </div>
                <div class="right">
                    <p>更多</p>
                    <img src="./img/icon3.png" alt="">
                </div>
            </div>
            <div class="shi"> 
            <div class="one">
                <img src="./img/tu.png" alt="">
            </div>
            <div class="one">
                <img src="./img/tu2.png" alt="">
            </div >
            <div class="one">
                <img src="./img/movement3.png" alt="">
            </div>
            <div class="one">
                <img src="./img/movement4.png" alt="">
            </div >
        </div>
        </div>
    </main>
    <footer>
        <a class="home" href="./index.html">
            <i class="iconfont icon-shouye"></i>
            <p>首页</p>
        </a>
        <a class="classification" href="./classification.html">
            <i class="iconfont icon-fenleixuanzhong"></i>
            <p>分类</p>
        </a>
        <a class="found" href="./found.html">
            <i class="iconfont icon-faxian"></i>
            <p>发现</p>
        </a>
        <a class="me" href="./me.html">
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
        </a>
    </footer>
</body>
</html>